<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="css/gouwuche.css">

<body>
    <main>
        <div class="car-dingbu">
            <div>
                <img src="img/1/logo.png" alt="">
            </div>

            <div>
                <div class="gou-denglu" style="border-right: 1px solid #DDDDDD">登录</div>
                <div class="gou-zhuce">注册</div>
            </div>
        </div>

        <!-- <div class="gou-xiaoshi">
            <div class="gou-gouwuche">购物车为空</div>
            <div>购物车内暂时没有商品，登录后将显示您之前加入的商品。<span>立即登录</span> </div>
            <div>继续购物></div>
        </div> -->


        <div class="gou-xiaoshi">
            <div class="gou-gouwuche">我的购物车</div>
            <div>商品</div>
            <div class="gou-jixu">继续购物></div>
        </div>
        <div class="shangpinbiao">
            <table class="gou-shangpinlie">
                <tr>
                    <th style="width:50px ;margin: auto;">商品</th>
                    <th style="width: 600px;"></th>
                    <th style="width: 100px;">价格</th>
                    <th style="width: 150px;">数量</th>
                    <th style="width: 120px;">小计</th>
                    <th style="width: 180px;"></th>
                </tr>
                <!-- <tr>
                    <td class="gou-xuhao">
                        1
                    </td>
                    <td class="gou-shangpin">
                        <img src="img/1/da1.png" alt="">
                        <div>DJI Mavic 3</div>
                    </td>
                    <td><span class="gou-jiage" style="text-align:center; margin:auto;display:block">111111</span></td>
                    <td>
                        <div class="jiajian">
                        <input class="gou-jia" type="button" value="+" style="width: 30px;">
                        <input type="text" value="1" class="gou-shuliang">
                        <input class="gou-jian" type="button" value="-" style="width: 30px;" >
                    </div>
                    </td>
                    <td><span class="gou-xiaoji" style="text-align:center; margin:auto;display:block">0</span></td>
                    <td>
                        <div class="shanchu">
                            <img src="img/shanchu.png" alt="" >
                        </div>
                    </td>
                </tr> -->
            </table>
        </div>
        <div class="gou-heji">合计：<span class="hejishu">0</span></div>



    </main>
    <footer></footer>
</body>

</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/gouwuche.js"></script>

<script>
    $("footer").load("footer.html")
</script>